<template>
	<view>
		<!--页面标题头begin-->
		<view class="smart-page-head">
			<view class="smart-page-head-title">progress进度条</view>
		</view>
		<!--页面标题头end-->
		<view class="main">
			<progress :percent="p" active="true" activeColor="#4CD964" stroke-width="20" show-info="true"></progress>
		
		</view>
		<button type="primary" @click="setProgress()">设置</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				p:50
			}
		},
		methods: {
		setProgress(){
			console.log('setting。。。');
			this.p=80;
		}	
		}
	}
</script>

<style>

</style>
